@charset "utf-8";
.hvr-icon-spin {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-icon-spin .hvr-icon {
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.hvr-icon-spin:hover .hvr-icon, .hvr-icon-spin:focus .hvr-icon, .hvr-icon-spin:active .hvr-icon {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
#zmhd-data-hygq{padding-top: 8px;}
.zmhd-top-nav{margin-bottom: 40px;}
.zmhd-top-nav .item{display: block; border-radius: 6px; overflow: hidden;text-align: center;background: white;border-radius: 8px;background: #fff; box-shadow: 0px 2px 20px  rgba(7, 85, 181, 0.12);}
.zmhd-top-nav .item .icon{position: relative; display: inline-block; margin:40px 30px 40px 0px; width: 64px; height: 64px;vertical-align: middle;}
.zmhd-top-nav .item .icon i{content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 64px; height: 64px; opacity: 0.22; border-radius: 6px; transform: rotate(45deg); background: linear-gradient(180deg, rgba(123, 211, 255, 1) 0%, rgba(49, 185, 255, 1) 100%);}
.zmhd-top-nav .item img{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; display: block; width: 64px !important; height: 64px;}
.zmhd-top-nav .item span{display: block; text-align: center; font-size: 20px;}
.zmhd-top-nav .item .right-text{display: inline-block;vertical-align: middle;}
.zmhd-top-nav .item .right-text p{text-align: left;color: #A6A6A6;}
.zmhd-top-nav .item .right-text p:first-child{font-size: 1.5em;color: #000000;}
.zmhd-top-nav .item.active, .zmhd-top-nav .item:hover{background: #edf5ff; box-shadow: 0px 2px 20px  rgba(7, 85, 181, 0.12);}
.zmhd-top-nav .hvr-icon-spin:hover .hvr-icon, 
.zmhd-top-nav .hvr-icon-spin:focus .hvr-icon, 
.zmhd-top-nav .hvr-icon-spin:active .hvr-icon {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
.slqktj-wrap{margin-bottom: 20px;}
.sjfxbox{box-shadow: 5px 1px 13px  #CCE3FF;}
.sjfxbox .fx{height: 90px; background: url(../images/zmhd_bg2.png) no-repeat left top #EBF4FF;background-size: auto 100%;line-height: 90px;text-align: center;}
.sjfxbox .fx a{font-size: 1.2em;color: #2354AF;}
.sjfxbox .charts{height:390px;border: 1px solid #D6E8FF;border-top:none;text-align: center;}
.sjfxbox .charts img {margin-top: 32px;}
/* 受理情况统计 */
.ldxx-slqktj{
  height: 90px;
  background: linear-gradient(166.72deg, #EDF5FF 0%, #E8F2FF 100%);
}
.ldxx-slqktj .tit{float: left;line-height: 90px; font-size: 1.675em;text-align: center; width: 326px;height: 100%;background: url(../images/zmhd/zmhd_bg1.png) no-repeat left top;background-size: 100% 100%;}
.ldxx-slqktj .tit a{display: inline-block;vertical-align: middle;line-height: 1.3;color:#fff;margin-top: -3px;}
.ldxx-slqktj .count{border: 1px solid #CFE3FC;margin-left: 325px;height: 68px;padding: 10px 0;}
.ldxx-slqktj .count ul{overflow: hidden;}
.ldxx-slqktj .count li{float: left;width: 50%;position: relative;font-size: 18px;color:#666;text-align: center;}
.ldxx-slqktj .count li:first-child+li{display: none;}
.ldxx-slqktj .count li+li:before{content:"";width: 1px;height: 100%;background: #CFE3FC;position: absolute;left:0;top:0;}
.ldxx-slqktj .count li p{height: 34px;}
.ldxx-slqktj .count li p b{display: inline-block;text-align: left; font-size: 26px;margin-left: 8px;font-weight: 500;min-width: 60px; color:#3360B5;vertical-align: baseline; }
.index-zxft-pic{width: 320px;height: 200px;}
.zmhd-zxft-pic .index-zxft-txt {margin-left: 380px;}
/* 回复选登 */
.zmhd-hfxd{padding: 5px 20px 9px; border: 1px solid #BDDEFF;/*background: url(../images/zmhd/ldxx_hfxd_bg.png) repeat-x left top;*/}
.table-hfxd{height: 294px;margin-top: 14px;}
.table-hfxd table{width: 100%;border-spacing: 0;border:none;}
.table-hfxd table th{background: #EBF4FF;height: 32px;line-height: 32px;text-align: center;color:#4868A3;font-weight: bold;}
.table-hfxd table th:first-child{text-align: left;text-indent: 50px;}
.table-hfxd table td{font-size: 1.125em;padding: 9px 0;line-height: 1.3;}
.table-hfxd table tbody tr:first-child td{padding-top: 12px;}
.table-hfxd table tr td+td{text-align: center;width: 140px;}
.table-hfxd table tr td:first-child+td{padding-left: 8px;padding-right: 8px;}
.table-hfxd table td a,
.table-hfxd table td span{display: inline-block;vertical-align: top; max-width: 96%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/* .ldxx-hfxd .table-hfxd{height: 160px;} */
.table-hfxd table td a{max-width: 400px;}


/* 领导信箱 */
.zmhd-ldxx{position: absolute;right: 65px;top: -5px;}
.zmhd-ldxx a{display: block;color: #07579A;font-size: 1.125em;padding: 7px 15px; border-radius: 20px 0 20px 0px;background: linear-gradient(180deg, rgba(161, 196, 253, 0.09) 0%, rgba(237, 246, 255, 1) 100%);}
.zmhd-ldxx a img{width: 19px;vertical-align: middle;margin-right: 5px;}
@media (max-width: 640px) {
  .zmhd-ldxx{right: 0;}
}


.zmhd-zxft-pic{height: 216px;}
.zmhd-zxft-pic img{display: block;width: 100%;}

.zmhd-zxft-tt .tit{position: relative; overflow: hidden;}
.zmhd-zxft-tt .tit h4{margin-left: 90px; margin-top: -5px; font-size: 22px; color: #333333; line-height: 32px; font-weight: bold;}
.zmhd-zxft-tt .tit em{font-style: normal; width: 73px; height: 30px; position: absolute; left: 0; top: 0; padding-right: 10px; text-align: center; line-height: 30px; color: #fff; background: url(../images/zmhd/zxft.png) no-repeat; background-size: 100% 100%; font-weight: bold;}
.zmhd-zxft-tt .attr{color: #888888; padding-top: 12px; padding-bottom: 12px; text-align: center; border-bottom: 1px dashed #C1D0F6;}
.zmhd-zxft-tt .attr span{display: inline-block;margin: 0 2%;}
.zmhd-zxft-tt .memo{padding-top: 16px; line-height: 28px; color: #888; line-height: 28px;}
.zmhd-zxft-tt .memo .detail{color: #2354AF;}
.zmhd-zxft-tt .memo .detail:hover{color: #D43030;}

.zmhd-zxft-wqft{position: relative;}
.zmhd-zxft-wqft .tit{position: relative; font-size: 18px; color: #2354AF; font-weight: bold; padding-left: 32px;}
.zmhd-zxft-wqft .tit:before{content: ''; position: absolute; left: 0; top: 0; width: 25px; height: 25px; background: url(../images/zxft_icon_wqft.png) no-repeat; background-size: 100% 100%;}
.zmhd-zxft-wqft .tit a{color:#2354AF;}
.zmhd-zxft-wqft:before{content: ''; position: absolute; left: 12px; width: 1px; top: 25px; bottom: 0; background: #689EE3;}
.zmhd-wqfw-list{padding-left: 32px; padding-top: 15px;}
.zmhd-wqfw-list li{position: relative;}
.zmhd-wqfw-list li .time{display: block; color: #888888; margin-bottom: 3px;}
.zmhd-wqfw-list li h4{font-size: 18px;}
.zmhd-wqfw-list li h4 a{font-weight: normal;color: #333;}
.zmhd-wqfw-list li + li{margin-top: 15px;}
.zmhd-wqfw-list li:before{content: ''; position: absolute; left: -28px; top: 3px; width: 17px; height: 17px; background: url(../images/wqft_icon_dot.png) no-repeat; background-size: 100% 100%;}

.zmhd-yjzj-list{padding-bottom: 40px;}
.zmhd-yjzj-list li{position: relative;padding: 23px 0px 0px; margin-bottom: 21px; padding-left: 90px;border-top: 1px solid #ddd;}
.zmhd-yjzj-list li .ckjg{position: absolute; right: 0; top: 0; width: 87px; height: 28px; border: 1px solid #2354AF; text-align: center; line-height: 28px; color: #2354AF; transition: .3s all;}
.zmhd-yjzj-list li .ckjg:hover{background: #2354AF; color: #fff;}
/*.zmhd-yjzj-list li.hasresult{padding-right: 115px;}*/
.zmhd-yjzj-list li .status{position: absolute; left: 0; top: 27px; width: 78px; height: 28px; background:#1F72B6; color: #fff; font-size: 14px; text-align: center; line-height: 28px;border-radius: 14px 0px 14px 14px;}
.zmhd-yjzj-list li .status.end{background:#E8E8E8;color:#A6A6A6;}
.zmhd-yjzj-list li h4{font-size: 18px;min-height: 2em;margin-bottom: 0; }
.zmhd-yjzj-list li h4 a{font-weight: normal;}
.zmhd-yjzj-list li .time{display: block; color: #888888;}
.zmhd-yjzj-list li:first-child{border-top: 0px;}

@media (max-width: 768px){
  /* .table-hfxd table td a{max-width: 280px;} */
  .zmhd-zxft-tt{margin-top: 10px;}

  .ldxx-slqktj .tit{float: none; line-height: 50px; width: auto; text-align: left; padding-left: 20px;}
  .ldxx-slqktj{height: auto;}
  .ldxx-slqktj .count{margin-left: 0;}
  /* .ldxx-slqktj .tit a{display: inline; vertical-align: auto; margin-top: 0;} */
}

@media (max-width: 480px){
  .ldxx-slqktj .count{height: auto;}
  .ldxx-slqktj .count li{float: none; width: 100%; text-align: left; padding-left: 20px;}
  .table-hfxd table tr th:nth-child(2),
  .table-hfxd table tr td:nth-child(2){display: none;}
}


.zmhd_box {
  background-color:#fff;
  padding: 20px 20px;
}